
$(document).ready(function() {
    $("#header").load("header.html", function() {
        let header = document.getElementById('header');
        window.onscroll = () => {
            let top = document.documentElement.scrollTop || document.body.scrollTop;
            if (top !== 0) {
                header.style.position = "fixed"; 
                header.style.top = "0";
                header.style.backgroundColor = 'rgba(0,0,0, 0.5)';
                header.style.backdropFilter = 'blur(24px)';
            } else {
                // header.style.backgroundColor = 'transparent';
                header.style.backgroundColor = '#007cff'
                header.style.position = "static";
            }
        }
    });

    $("#footer").load("footer.html");







});


